<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>7-案例</title>
		<style type="text/css">
			/* 
				需求：
				1.去除li的点和a下划线
				2.使用伪类选择器，鼠标移动上去字体变粗，背景为黑色设置透明度
				3.让第2个标签中的a元素与众不同，颜色为橙色，加粗
			*/
			ul li{
				list-style:none;
			}
			ul li>a{
				text-decoration: none;
			}
			ul li>a:hover{
				font-weight:bold;
				background: rgba(0,0,0,.3);
			}
			ul li>a.cur{
				color:#f60;
				font-weight:700;
			}
		</style>
	</head>
	<body>
		<ul>
			<li><a href="">2100秒看日本深夜3次强震</a></li>
			<li><a href="" class="cur">2100秒看日本深夜3次强震</a></li>
			<li><a href="">2100秒看日本深夜3次强震</a></li>
		</ul>
	</body>
</html>
